﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SoliCorp.Master" AutoEventWireup="true" CodeBehind="Connect.aspx.cs" Inherits="Demo.Web.Connect" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    TechLink | Liên hệ
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <div class="content_connect">
        <div class="wrapper">
            <div class="left_content">
                <div >
                    <h1>
                        Liên hệ</h1>
                    <h2>
                        Hãy liên hệ với chúng tôi</h2>
                    <p>
                        Chúng tôi luôn mong nhận được yêu cầu chi tiết từ phía quý khách. Chúng tôi sẽ trả lời quý khách trong vòng 12 tiếng. Chúng tôi luôn túc trực để giải đáp mọi thắc mắc của quý khách một cách nhanh chóng nhất. .
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dividerbar">
        <div class="wrapper">
            <h2>
                Thông tin liên hệ.</h2>
        </div>
    </div>
    <div class="content_bottom">
        <div class="wrapper">
            <div class="box_mess">
                <label>
                    Tên bạn
                </label>
                <input type="text" id="Name" />
                <label>
                    Địa chỉ Email
                </label>
                <input type="text" id="Email" />
                <label>
                    Nội dung
                </label>
                <textarea id="Message"></textarea>
                <div class="form_rows">
                    <div id="send_mess" class="send_mess">
                        Gửi
                    </div>
                </div>
            </div>
            <div class="contacts_maps">
                <div class="maps">
                    <div id="map_canvas" style="width: 458px; height: 438px">
                    </div>
                </div>
                <div class="contacts">
                    <div class="left">
                    <div class="col_contact marginRgt20">
                        <div class="h_city">
                            <h2>
                                Hà Nội </h2>
                            <span>(chủ sở chính)</span>
                        </div>
                        <div class="content_city">
                            <p>
                                <b>Địa chỉ</b><br />
                                Tòa nhà 3D<br />
                                Nguyễn Phong Sắc, Cầu giấy<br />
                                Hà Nội</p>
                            <p>
                                <b>Điện thoại</b><br />
                                091 77 66 166
                            </p>
                            <p>
                                <b>General Email</b><br />
                                vuongdd@techlink.vn
                            </p>
                        </div>
                    </div>
                    <div class="col_contact">
                        <div class="h_city">
                            <h2>
                                Lạng sơn</h2>
                        </div>
                        <div class="content_city">
                            <p>
                                <b>Địa chỉ</b><br />
                                Cửa khẩu Tân Thanh Lạng Sơn<br />
                                Số 11 bãi kiểm hóa Tân Thanh, Văn Lãng, Lạng sơn
                                
                                </p>
                            <p>
                                <b>Email liên hệ</b><br />
                                langson@techlink.vn
                            </p>
                        </div>
                    </div>
                    </div>
                        <div class="left">
                    <div class="col_contact marginRgt20">
                        <div class="h_city">
                            <h2>
                                Đà nẵng</h2>
                        </div>
                        <div class="content_city">
                            <p>
                                <b>Email liên hệ</b><br />
                                danang@techlink.vn
                            </p>
                        </div>
                    </div>
                    <div class="col_contact">
                        <div class="h_city">
                            <h2>
                                Hồ Chí Minh</h2>
                        </div>
                        <div class="content_city">
                            <p>
                                <b>Email liên hệ</b><br />
                                hcm@techlink.vn
                            </p>
                        </div>
                    </div>
                       </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">

        function initialize() {

            var myLatlngMarker = new google.maps.LatLng(21.0312744776869, 105.7878041267395);
            var myLatlng = new google.maps.LatLng(21.0312744776869, 105.7878041267395);
            var myOptions = {
                zoom: 17,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }

            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var contentString = 'Tầng 3 tòan nhaf 3D, Nguyễn Phong sắc, Cầu Giấy, Hà Nội';

            var infowindow = new google.maps.InfoWindow(
      { content: '<div class="map_box" style="width:320px;"><h1 style="color:#000; font-size: 15px;">Địa chỉ</h1><a target="_blank" href="http://maps.google.com/maps?q=nguy%E1%BB%85n+phong+s%E1%BA%AFc,+c%E1%BA%A7u+gi%E1%BA%A5y,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&hl=en&ie=UTF8&ll=21.045764,105.790272&spn=0.001852,0.004117&sll=21.029151,105.845675&sspn=0.029642,0.065875&gl=us&hnear=Nguy%E1%BB%85n+Phong+S%E1%BA%AFc,+C%E1%BA%A7u+Gi%E1%BA%A5y,+H%C3%A0+N%E1%BB%99i,+Vietnam&t=m&z=19" style="color:#0000FF;text-align:left">Tầng 3 tòa nhà 3D, Nguyễn Phong Sắc, Cầu Giấy, Hà Nội</a></div>',
          size: new google.maps.Size(50, 50)
      });


            var marker = new google.maps.Marker({
                position: myLatlngMarker,
                map: map,
                title: "Tầng 3 tòa nhà 3D, Nguyễn Phong Sắc, Cầu Giấy, Hà Nội"
            });

            google.maps.event.addListener(marker, 'click', function () {
                infowindow.open(map, marker);
            });
        }

      
    
    </script>
    <script type="text/javascript">
        initialize();
    </script>
</asp:Content>
